.danger {
	color: #dd524d;
}

.primary {
	color: #007aff;
}

.success {
	color: #4cd964;
}

.warning {
	color: #f0ad4e;
}

.royal {
	color: #8a6de9;
}

.bgc1 {
	background: #11aabf;
	color: #fff;
	padding: 4px;
	box-sizing: border-box;
}

li {
	list-style: none;
	text-align: center;
}

.total {
	width: 100%;
	height: 50vw;
	background-color: green;
	padding: 2vw;
	box-sizing: border-box;
	position: relative;
	background: url(../images/1.png) center no-repeat;
	background-size: auto 100%;
}

.top {
	width: 100%;
	height: 50px;
}

.top li {
	color: #c4c4c4;
}

.top li.active {
	color: #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
}

.num {
	width: 100%;
	height: 100px;
}

.num p {
	padding-top: 3vw;
	text-align: center;
	color: #f8f8f8;
	font-size: 8vw;
}

.num p:last-child {
	padding-top: 0;
	font-size: 2.5vw;
}

.mui-bottom {
	position: absolute;
	bottom: 2vw;
	width: 100%;
}

.mui-bottom li {
	padding: 0 15px;
}

.mui-bottom li p {
	color: #f8f8f8;
	font-size: 4vw;
	text-align: center;
	height: 5vw;
}

.mui-bottom li span {
	display: block;
	margin: .5vw auto;
	font-size: 2.5vw;
	color: #c4c4c4;
	height: 4vw;
}

.mui-bottom li span:last-child {
	color: #f8f8f8;
}

.mui-progressbar {
	/*background-color: yellow;*/
}

.progress {
	width: 100%;
	height: 8px;
	background-color: #c6c6c6;
	margin-top: 6px;
	position: relative;
}
.rowBox{
	margin-bottom: 10px;
}
.rowBox .mui-row{
	padding: 0 0;
	height: 50px;
}
.mui-row label {
	padding-left: 6px;
	color: #908d8e;
}

.mui-row label b {
	color: #080808;
}

.mui-row label i {
	font-weight: 600;
}

.progress span {
	position: absolute;
	top: 2px;
	left: 0;
	height: 4px;
	/*background-color: yellowgreen;*/
	width: 100%;
	border-radius: 4px;
}

.mui-pull-right {
	padding-right: 20px;
}

.mui-table-view-cell:active{
	background: none;
}
